<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/waitlist.css" />
  <link rel="stylesheet" href="css/common.css">
  <script src="js/flexible.js"></script>
  <script src="js/waitlist.js"></script>
  <link rel="stylesheet" href="./css/common.css">
</head>
<body>
    <!-- 待提货头部 -->
    <div class="goodshead">
      <div class="head">
        <ul>
          <li>
            <p>待提货</p>
          </li>
          <li>
            <p>在途</p>
          </li>
          <li>
            <p class="finshed">已完成</p>
          </li>
        </ul>
        <div class="line"></div>
      </div>
    </div>
    <!-- 待提货任务编号 -->
    <div class="body">
      <!-- <div class="tasknum">
        <div class="top">任务编号：XAHH1234567</div>
        <span class="radius1">起</span>
        <div class="verticalline"></div>
        <span class="radius2">止</span>
        <p class="article1">北京市昌平区回龙观街道西三旗桥东金燕龙写字楼8877号</p>
        <p class="article2">河南省郑州市路北区北清路99号</p>
        <div class="line"></div>
        <div class="gettime">
          <p class="taketimes">提货时间</p>
          <p class="time">2022.05.04 13:00</p>
        </div>
        <div class="delay">已延迟</div>
        <button class="MincommonClickButton">提货</button>
      </div>
      <div class="tasknum2">
        <div class="top">任务编号：XAHH1234567</div>
        <span class="radius1">起</span>
        <div class="verticalline"></div>
        <span class="radius2">止</span>
        <p class="article1">北京市昌平区回龙观街道西三旗桥东金燕龙写字楼8877号</p>
        <p class="article2">河南省郑州市路北区北清路99号</p>
        <div class="line"></div>
        <div class="gettime">
          <p class="taketimes">提货时间</p>
          <p class="time">2022.05.04 13:00-14:00</p>
        </div>
        <div class="delay">已延迟</div>
        <button class="MincommonClickButton">提货</button>
      </div>
      <div class="tasknum3">
        <div class="top">任务编号：XAHH1234567</div>
        <span class="radius1">起</span>
        <div class="verticalline"></div>
        <span class="radius2">止</span>
        <p class="article1">北京市昌平区回龙观街道西三旗桥东金燕龙写字楼8877号</p>
        <p class="article2">河南省郑州市路北区北清路99号</p>
        <div class="line"></div>
        <div class="gettime">
          <p class="taketimes">提货时间</p>
          <p class="time">2022.05.04 13:00-14:00</p>
        </div>
        <div class="delay">已延迟</div>
        <button class="MincommonClickButton">提货</button>
      </div> -->
    </div>
    
    <!-- 底部 -->
    <div class="common_button">
      <a href="#" class="task a">
        <img src="./images/btn_test_sel (1).png" alt="" />
        <div class="red">任务</div>
      </a>
      <a href="#" class="task b">
        <img src="./images/黑铃铛.png" alt="" />
        <div>消息</div>
      </a>
      <a href="#" class="task c">
        <img src="./images/btn_mine_nor.png" alt="" />
        <div>我的</div>
      </a>
    </div>
</body>
</html>